<template>
	<view class="content">
		<u-form labelPosition="top" labelWidth="auto" style="font-size:'24rpx'">
			<view class="title">
				<text>基本信息</text>
			</view>
			<view class="form">
				<u-form-item label="仓库名称" >
					<u-input  placeholder="请填写"></u-input>
				</u-form-item>
				<u-form-item  label="所属部门" borderBottom>
					<u-checkbox-group placement="column">
						<u-checkbox :custom-style="{marginBottom:'16rpx'}"  v-for="(item,index) in units" :key="index" :label="item.name":name="item.value"></u-checkbox>
					</u-checkbox-group>
				</u-form-item>
				<u-form-item label="所属库位" borderBottom>
					<u-checkbox-group placement="column">
						<u-checkbox :custom-style="{marginBottom:'16rpx'}" v-for="(item,index) in departs" :key="index" :label="item.name":name="item.value"></u-checkbox>
					</u-checkbox-group>
				</u-form-item>
			</view>
		</u-form>
		<view class="addWarehouse">
			<u-button text="保存" type="primary" ></u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				units:[
					{name:'仓库1',value:0},
					{name:'仓库1',value:0},
					{name:'仓库1',value:0},
					{name:'仓库1',value:0},
					{name:'仓库1',value:0},
					{name:'仓库1',value:0},
				],
				departs:[
					{name:'仓库1',value:0},
					{name:'仓库1',value:0},
					{name:'仓库1',value:0},
					{name:'仓库1',value:0},
					{name:'仓库1',value:0},
					{name:'仓库1',value:0},
				],
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	page {
		background-color: rgb(248, 248, 248);
		font-size: 24rpx;
		padding: 0 32rpx 0 32rpx;
	}
	.content {
		display: flex;
		flex-direction: column;
	}
	.title {
		margin-top: 32rpx;
	}
	.form {
		background-color: #fff;
		padding: 0 32rpx 0 32rpx;
		border-radius: 10rpx;
		margin-top: 32rpx;
	}
	.units{
		display: flex;
		flex-direction: column;
	}
	.addWarehouse{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
	}
</style>
